.flexbox {
	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;     /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;  /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
}

.flexbox-center {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.flexbox-middle {
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.flexbox-between{
	justify-content: space-between;
}
.flexchild {
	display: block;
	width: 20%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	box-flex: 1;
	flex: 1;
	word-wrap: break-word;
}

.clearfix:after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both
}

.clearfix {
	zoom: 1
}

.fl{
	float: left;
}
.fr{
	float: right;
}